/*
 * @Author: fangquan
 * @Date: 2020-06-10 13:38:32 
 * @Last Modified by: fangquan
 * @Last Modified time: 2020-06-10 13:38:32 
 * @Usage 动画类
 */

//  ---- 动画类 ----

// 渐变
.fade-enter-active,
.fade-leave-active {
  transition: opacity .2s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

// ---- 基础动画 ----

// 从下到上偏移
@keyframes slideUp {
  from {
    transform: translateY(50px);
  }

  to {
    transform: translateY(0);
  }
}